
<!DOCTYPE html>
<html>
<title>Login Page</title>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'nonce-{{ nonce }}';style-src 'self' 'nonce-{{ nonce }}';">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}" nonce={{nonce}}>
<script src="{{ url_for('static', filename='js/jquery.min.js') }}" nonce={{nonce}}></script>
<script src="{{ url_for('static', filename='js/bootstrap.min.js') }}" nonce={{nonce}}></script>

</head>
<body>


<div class="container">
    <div class="jumbotron">
        <h1>Industrial Edge Insights - Visualizer</h1>        
    </div>
    <center><h2>Login Page</h2></center>
    <form action="/login" method="POST" autocomplete="off">
        <div class="form-group">
            <label for="Username">Username</label>
            <input type="username" class="form-control" name="username" placeholder="Username">
        </div>
        <div class="form-group">
            <label for="Password">Password</label>
            <input type="password" class="form-control" name="password" placeholder="Password">
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
    </form>
</div>
</body>
